<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE>
<html>

<head>
<meta charset="utf-8">
<title>我的OKR</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.css">
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<link rel="stylesheet" href="../css/icons-extra.css">
</head>

<body>
	<header class="mui-bar mui-bar-nav">
		<a href="pingfeno.php"
			class="mui-action-back mui-icon mui-icon-home mui-pull-left"
			style="line-height: 26px; font-size: 20px; color: #007aff;"><span
			style="font-size: 14px; color: #007aff;">返回</span></a>
		<h1 class="mui-title">KR评分与总结</h1>
	</header>
	<div class="mui-content">

		<div class="mui-card" style="">
			<div class="mui-card-content">
				<div class="mui-card-content-inner headp no-bottom">
					<p class="bold">
						<span id="sp_name"></span> &nbsp;&nbsp;<font id="sp_time"></font> KR评分与总结
					</p>
					<p style="margin-bottom: 0px;"></p>
				</div>
			</div>
		</div>
		<div id="list"></div>
		<div style="height: 10px;">&nbsp;</div>
		<hr>
		<center>
			<p>&copy;2016~2017 中软国际信息技术有限公司</p>
		</center>
		<div style="height: 30px;">&nbsp;</div>

	</div>
	<script src="../js/jquery-1.11.2.min.js"></script>
	<script>
		var uniqueCode = '${requestScope.uniqueCode }';
		
		function splitStr(str){
			var strs = new Array(); //定义一数组 
			strs =str.split(",");
			return strs;
		}
		
		//kr颜色
		function krColor(value){
			
			var color = '#4E4848';

			if (value == null) {
				return '<font></font>';
			}

			if (value == 0) {
				color = '#4E4848'; // 默认灰色
			}
			
			<c:forEach items="${sessionScope.krColor }" var="item" varStatus="status">
			
		 	var strs = splitStr("${item.LIMITSWITCH_EXPRESSION}");
		 	
			if(value >= strs[0] && value <= strs[1]){
				color = '${item.LIMITSWITCH_VALUE}';
			}
			
			</c:forEach>
			
			return '<font color="' + color + '">' + value + '</font>';
		}
	</script>
	<script src="../js/mui.min.js"></script>
	<script src="../js/comm.js?<%=System.currentTimeMillis()%>.js"></script>
	<script src="../views-js/pingfenkr.js?<%=System.currentTimeMillis()%>.js"></script>
</body>

</html>